<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>容器标签</title>
</head>
<body>
<!--
    div:块级容器
        属于块级元素,在容器中可以存在块级标签,也可以存在行级标签
-->
<h2>div容器</h2>
<div style="color:red;">
    这是一个div
    <h3>这是div中的标题</h3>
    <font>这是div中的字体</font>
    <font>这是div中的字体</font>
</div>
<div>这是第二个div</div>

<!--
    span行级容器
        属于行级元素,在容器中只能存在行级标签
        如果出现了块级标签,则会破坏容器的特性
        因此,在span中不允许出现块级标签
-->
<h2>span容器</h2>
<span style="color:green;">
    这是一个span
    <font>这是span中的字体</font>
    <font>这是span中的字体</font>
    <h3>这是块级标签,破坏span特性</h3>
</span>
<span>这是第二个span</span>
</body>
</html>